
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#tabview-button,
#tgs-menu,
#tgs-toggle {
    list-style-image: url("chrome://browser/skin/tabview/tabview.png");
}

#tgs-menu,
#tgs-toggle {
  -moz-image-region: rect(0px, 90px, 18px, 72px);
}

#tgs-menu[groups="0"],
#tgs-toggle[groups="0"] {
  -moz-image-region: rect(0px, 18px, 18px, 0px);
}

#tgs-menu[groups="1"],
#tgs-toggle[groups="1"] {
  -moz-image-region: rect(0px, 36px, 18px, 18px);
}

#tgs-menu[groups="2"],
#tgs-toggle[groups="2"] {
  -moz-image-region: rect(0px, 54px, 18px, 36px);
}

#tgs-menu[groups="3"],
#tgs-toggle[groups="3"] {
  -moz-image-region: rect(0px, 72px, 18px, 54px);
}

#tabview-button menuitem.active,
#tgs-menu menuitem.active {
    font-weight: bold;
}